<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Mediterranean Recipe</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', system-ui, sans-serif;
      line-height: 1.7;
      color: #1a1a1a;
      background-color: #fafafa;
      font-size: 16px;
      font-weight: 400;
    }

    article {
      max-width: 800px;
      margin: 40px auto;
      background: #ffffff;
      border: 1px solid #e5e5e5;
      border-radius: 8px;
      overflow: hidden;
    }

    header {
      background: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      padding: 48px 40px 32px 40px;
      text-align: center;
    }

    h1 {
      font-size: 32px;
      font-weight: 600;
      color: #0a0a0a;
      letter-spacing: -0.02em;
      margin: 0;
    }

    h2 {
      font-size: 20px;
      font-weight: 600;
      color: #0a0a0a;
      margin: 48px 0 16px 0;
      padding: 0 40px;
      letter-spacing: -0.01em;
    }

    h2:first-of-type {
      margin-top: 32px;
    }

    h3 {
      font-size: 16px;
      font-weight: 600;
      color: #333333;
      margin: 32px 0 12px 0;
      padding: 0 40px;
    }

    section {
      margin-bottom: 0;
    }

    section > section {
      margin: 24px 0;
      padding: 0 40px;
    }

    p {
      margin: 12px 0;
      padding: 0 40px;
      color: #4a4a4a;
      line-height: 1.6;
    }

    ul {
      margin: 16px 0;
      padding: 0 40px 0 64px;
      list-style: none;
    }

    li {
      margin: 8px 0;
      color: #4a4a4a;
      line-height: 1.6;
      position: relative;
    }

    li::before {
      content: "•";
      color: #999999;
      position: absolute;
      left: -16px;
      font-weight: 600;
    }

    a {
      color: #0066cc;
      text-decoration: none;
      font-weight: 500;
    }

    a:hover {
      color: #0052a3;
      text-decoration: underline;
    }

    strong {
      color: #1a1a1a;
      font-weight: 600;
    }


    /* Last section styling */
    section:last-child {
      padding-bottom: 40px;
    }

    /* Responsive design */
    @media (max-width: 768px) {
      body {
        font-size: 15px;
      }
      
      article {
        margin: 20px;
        border-radius: 6px;
      }
      
      header {
        padding: 32px 24px 24px 24px;
      }
      
      h1 {
        font-size: 28px;
      }
      
      h2 {
        font-size: 18px;
        padding: 0 24px;
        margin: 32px 0 12px 0;
      }
      
      h3 {
        font-size: 15px;
        padding: 0 24px;
        margin: 24px 0 8px 0;
      }
      
      p {
        padding: 0 24px;
      }
      
      ul {
        padding: 0 24px 0 48px;
      }
      
      section > section {
        padding: 0 24px;
      }
      
      section:not(:last-child) {
        padding-bottom: 24px;
      }
      
      section:last-child {
        padding-bottom: 32px;
      }
    }

    @media (max-width: 480px) {
      article {
        margin: 16px;
      }
      
      header {
        padding: 24px 20px 20px 20px;
      }
      
      h1 {
        font-size: 24px;
      }
      
      h2, h3, p {
        padding-left: 20px;
        padding-right: 20px;
      }
      
      ul {
        padding: 0 20px 0 40px;
      }
      
      section > section {
        padding: 0 20px;
      }
    }
  </style>
</head>
<body>
<article aria-label="Report Content">
  <header>
    <h1 id="dish-name">Mediterranean Herb-Crusted Salmon with Roasted Vegetables</h1>
  </header>
  <section aria-labelledby="cuisine-type">
    <h2 id="cuisine-type">Cuisine Type</h2>
    <p>Mediterranean</p>
  </section>
  <section aria-labelledby="difficulty-level">
    <h2 id="difficulty-level">Difficulty Level</h2>
    <p>Intermediate</p>
  </section>
  <section aria-labelledby="prep-time">
    <h2 id="prep-time">Prep Time</h2>
    <p>25 minutes</p>
  </section>
  <section aria-labelledby="cook-time">
    <h2 id="cook-time">Cook Time</h2>
    <p>35 minutes</p>
  </section>
  <section aria-labelledby="serves">
    <h2 id="serves">Serves</h2>
    <p>4</p>
  </section>
  <section aria-labelledby="ingredients">
    <h2 id="ingredients">Ingredients</h2>
    <section aria-labelledby="ingredients-main-protein">
      <h3 id="ingredients-main-protein">Main Protein</h3>
      <ul>
        <li>4 salmon fillets (6 oz each)</li>
        <li>2 tablespoons olive oil</li>
        <li>1 teaspoon sea salt</li>
        <li>1/2 teaspoon black pepper</li>
      </ul>
    </section>
    <section aria-labelledby="ingredients-herb-crust">
      <h3 id="ingredients-herb-crust">Herb Crust</h3>
      <ul>
        <li>1/2 cup fresh breadcrumbs</li>
        <li>2 tablespoons fresh parsley, chopped</li>
        <li>1 tablespoon fresh dill, chopped</li>
        <li>1 tablespoon fresh oregano, chopped</li>
        <li>2 cloves garlic, minced</li>
        <li>2 tablespoons lemon zest</li>
      </ul>
    </section>
    <section aria-labelledby="ingredients-roasted-vegetables">
      <h3 id="ingredients-roasted-vegetables">Roasted Vegetables</h3>
      <ul>
        <li>2 medium zucchini, sliced</li>
        <li>1 red bell pepper, cut into strips</li>
        <li>1 yellow bell pepper, cut into strips</li>
        <li>1 red onion, sliced</li>
        <li>12 cherry tomatoes, halved</li>
        <li>3 tablespoons olive oil</li>
        <li>1 teaspoon dried thyme</li>
      </ul>
    </section>
  </section>
  <section aria-labelledby="cooking-instructions">
    <h2 id="cooking-instructions">Cooking Instructions</h2>
    <section aria-labelledby="cooking-instructions-preparation">
      <h3 id="cooking-instructions-preparation">Preparation</h3>
      <p>Preheat oven to 425°F (220°C)</p>
      <p>Line two baking sheets with parchment paper</p>
      <p>Pat salmon fillets dry and season with salt and pepper</p>
    </section>
    <section aria-labelledby="cooking-instructions-herb-crust-preparation">
      <h3 id="cooking-instructions-herb-crust-preparation">Herb Crust Preparation</h3>
      <p>Combine breadcrumbs, herbs, garlic, and lemon zest in a bowl</p>
      <p>Add 1 tablespoon olive oil to create a paste-like consistency</p>
      <p>Press herb mixture firmly onto top of each salmon fillet</p>
    </section>
    <section aria-labelledby="cooking-instructions-vegetable-preparation">
      <h3 id="cooking-instructions-vegetable-preparation">Vegetable Preparation</h3>
      <p>Cut all vegetables into uniform pieces for even cooking</p>
      <p>Toss vegetables with olive oil, thyme, salt, and pepper</p>
      <p>Spread vegetables in single layer on prepared baking sheet</p>
    </section>
    <section aria-labelledby="cooking-instructions-cooking-process">
      <h3 id="cooking-instructions-cooking-process">Cooking Process</h3>
      <p>Roast vegetables for 15 minutes before adding salmon</p>
      <p>Place herb-crusted salmon on second baking sheet</p>
      <p>Cook both salmon and vegetables for additional 12-15 minutes</p>
      <p>Salmon should flake easily and reach internal temperature of 145°F</p>
    </section>
  </section>
  <section aria-labelledby="nutritional-information">
    <h2 id="nutritional-information">Nutritional Information</h2>
    <section aria-labelledby="nutritional-information-per-serving">
      <h3 id="nutritional-information-per-serving">Per Serving</h3>
      <p><strong>Calories:</strong> 485</p>
      <p><strong>Protein:</strong> 38g</p>
      <p><strong>Carbohydrates:</strong> 18g</p>
      <p><strong>Fat:</strong> 28g</p>
      <p><strong>Fiber:</strong> 5g</p>
      <p><strong>Sodium:</strong> 420mg</p>
    </section>
    <section aria-labelledby="nutritional-information-health-benefits">
      <h3 id="nutritional-information-health-benefits">Health Benefits</h3>
      <ul>
        <li>Rich in omega-3 fatty acids for heart health</li>
        <li>High protein content supports muscle maintenance</li>
        <li>Antioxidants from colorful vegetables boost immune system</li>
        <li>Mediterranean herbs provide anti-inflammatory compounds</li>
      </ul>
    </section>
  </section>
  <section aria-labelledby="serving-suggestions">
    <h2 id="serving-suggestions">Serving Suggestions</h2>
    <section aria-labelledby="serving-suggestions-accompaniments">
      <h3 id="serving-suggestions-accompaniments">Accompaniments</h3>
      <ul>
        <li>Lemon wedges for extra citrus flavor</li>
        <li>Tzatziki sauce or Greek yogurt</li>
        <li>Warm pita bread or crusty sourdough</li>
        <li>Mixed green salad with olive oil dressing</li>
      </ul>
    </section>
    <section aria-labelledby="serving-suggestions-wine-pairings">
      <h3 id="serving-suggestions-wine-pairings">Wine Pairings</h3>
      <ul>
        <li>Sauvignon Blanc - crisp and herbaceous</li>
        <li>Pinot Grigio - light and fresh</li>
        <li>Rosé - complements the Mediterranean flavors</li>
      </ul>
    </section>
  </section>
  <section aria-labelledby="storage-and-leftovers">
    <h2 id="storage-and-leftovers">Storage and Leftovers</h2>
    <section aria-labelledby="storage-and-leftovers-refrigeration">
      <h3 id="storage-and-leftovers-refrigeration">Refrigeration</h3>
      <p>Store leftovers for up to 3 days in refrigerator</p>
      <p>Use airtight containers to maintain freshness</p>
      <p>Reheat gently in 350°F oven for 8-10 minutes</p>
    </section>
    <section aria-labelledby="storage-and-leftovers-meal-prep-tips">
      <h3 id="storage-and-leftovers-meal-prep-tips">Meal Prep Tips</h3>
      <ul>
        <li>Prepare herb crust mixture up to 2 days ahead</li>
        <li>Cut vegetables the night before and store in refrigerator</li>
        <li>Cook extra vegetables for easy weekday sides</li>
      </ul>
    </section>
  </section>
  <section aria-labelledby="chef-notes">
    <h2 id="chef-notes">Chef Notes</h2>
    <section aria-labelledby="chef-notes-substitutions">
      <h3 id="chef-notes-substitutions">Substitutions</h3>
      <section aria-labelledby="chef-notes-substitutions-fish-alternatives">
        <h4 id="chef-notes-substitutions-fish-alternatives">Fish Alternatives</h4>
        <ul>
          <li>Cod fillets</li>
          <li>Halibut steaks</li>
          <li>Sea bass</li>
        </ul>
      </section>
      <section aria-labelledby="chef-notes-substitutions-herb-variations">
        <h4 id="chef-notes-substitutions-herb-variations">Herb Variations</h4>
        <ul>
          <li>Basil and thyme</li>
          <li>Rosemary and sage</li>
          <li>Cilantro and mint</li>
        </ul>
      </section>
      <section aria-labelledby="chef-notes-substitutions-vegetable-swaps">
        <h4 id="chef-notes-substitutions-vegetable-swaps">Vegetable Swaps</h4>
        <ul>
          <li>Asparagus</li>
          <li>Brussels sprouts</li>
          <li>Eggplant</li>
        </ul>
      </section>
    </section>
    <section aria-labelledby="chef-notes-pro-tips">
      <h3 id="chef-notes-pro-tips">Pro Tips</h3>
      <ul>
        <li>Don&apos;t overcrowd vegetables on baking sheet for proper roasting</li>
        <li>Let salmon rest at room temperature for 15 minutes before cooking</li>
        <li>Use a meat thermometer for perfectly cooked salmon every time</li>
      </ul>
    </section>
  </section>
  <section aria-labelledby="recipe-source">
    <h2 id="recipe-source">Recipe Source</h2>
    <p>Chef Maria&apos;s Mediterranean Kitchen</p>
    <p><a href="https://mediterranean-kitchen.com/herb-crusted-salmon" title="Chef Maria's Mediterranean Kitchen Herb Crusted Salmon Recipe">https://mediterranean-kitchen.com/herb-crusted-salmon</a></p>
  </section>
</article>
</body>
</html>